<template>
	<view>
		<view v-if="$i18n.locale=='en'">
			<up-collapse class="collapse-list">
				<up-collapse-item title="wifi连接不上 for english" name="Docs guide">
					<view class="item" @click="toQuestionDetail(1)">
						1.wifi连接不上
					</view>
					<view class="item" @click="toQuestionDetail(2)">
						2.定时任务没有正确执行该怎么办?
					</view>
					<view class="item" @click="toQuestionDetail(3)">
						3.通用路由器）如何将Wi-Fi的SSID拆成2.4G和5G两个频?
					</view>
					<view class="item" @click="toQuestionDetail(4)">
						4.我的设备配网失败了，但我不懂如何重置设备?
					</view>
				</up-collapse-item>
			</up-collapse>
		</view>		
		<view v-else>
			<up-collapse class="collapse-list">
				<up-collapse-item title="wifi连接不上" name="Docs guide">
					<view class="item" @click="toQuestionDetail(1)">
						1.wifi连接不上
					</view>
					<view class="item" @click="toQuestionDetail(2)">
						2.定时任务没有正确执行该怎么办?
					</view>
					<view class="item" @click="toQuestionDetail(3)">
						3.通用路由器）如何将Wi-Fi的SSID拆成2.4G和5G两个频?
					</view>
					<view class="item" @click="toQuestionDetail(4)">
						4.我的设备配网失败了，但我不懂如何重置设备?
					</view>
				</up-collapse-item>
			</up-collapse>
		</view>
	</view>
</template>

<script setup>
	
const toQuestionDetail = (num) => {		 
	uni.navigateTo({
		url: '/pages/help/question?id=' + num
	})
};
</script>


<style lang="scss" scoped>
.collapse-list{
	padding: 10rpx 10rpx;
	margin: 20rpx 40rpx;
	border-radius: 30rpx;
	background-color: #ffffff;
	:deep(.u-line) {
		border: none !important;
	}
	.item {
		margin-bottom: 10rpx;
	}
}	       
</style>
